.many-list-page {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 120px);
    /* 使容器高度占满整个视口 */
    .many-list-header {
        display: flex;
        align-items: center;
        padding: 0px 24px 8px 24px;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;

        .many-list-header-title{
            //字体加粗
            font-weight: bold;
            font-size: 18px;
        }
    }
    .many-search-box {
        padding: 8px 24px 0px 24px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        font-size: 14px;
        flex-shrink: 0;
        /* 防止查询区域被压缩 */
    }

    .many-table-area {
        flex-grow: 1;
        /* 表格区域自动填充剩余空间 */
        overflow-y: auto;
        /* 添加滚动条以防止表格内容溢出 */
        background-color: #fff;
    }

    .many-page-area {
        padding: 8px 24px;
        flex-shrink: 0;
        display: flex;
        justify-content: right;
        /* 防止分页区域被压缩 */
    }
}

.el-table {
    th {
        background-color: rgb(239, 241, 246) !important;
    }
}

.el-tabs__header {
    background-color: rgb(239, 241, 246) !important;

    .is-active {
        background-color: #FFFFFF !important;
    }
}